<template>
<div> 
    <div class="wsyjnav wsyjnav-wrap">
        <div class="wsyj-datetimebar-wrap">
            <wsyj-nav-date-time-bar class="wsyj-datetimebar-wrap_bg"></wsyj-nav-date-time-bar>
        </div>

        <div class="wsyj-title-wrap">
            <wsyj-nav-title></wsyj-nav-title>
        </div>

        <div class="wsyj-weather-wrap">
            <wsyj-nav-weather class="wsyj-weather-wrap_bg"></wsyj-nav-weather>
        </div>        
    </div>
           
</div>
</template>
<script lang="ts">
import {Component, Vue, Prop} from 'vue-property-decorator';
import wsyjNavTitle from '@/components/common/WsyjNavTitle.vue';
import wsyjNavWeather from '@/components/common/WsyjNavWeather.vue';
import wsyjNavDateTimeBar from '@/components/common/WsyjNavDateTimeBar.vue';
@Component({
    name: 'wsyjnav',
    components : {
        wsyjNavTitle,
        wsyjNavWeather,
        wsyjNavDateTimeBar,
    },
})
export default class Wsyjnav extends Vue {

}
</script>
<style lang="less" scoped>
    .wsyjnav-wrap{
        width: 100%;
        height:80px;
        text-align: left; 
        display: flex;
        justify-content: flex-start;
        &>div{
            position: relative;
            box-sizing: border-box;
            display: inline-block;
            height:100%;
        }

        .wsyj-title-wrap{
            width:38%;
            text-align: center;
        }
        .wsyj-weather-wrap{
            width:31%;
            
        }
        .wsyj-datetimebar-wrap{
            width:31%;
        }
        .wsyj-datetimebar-wrap_bg{
          //  width: 455px;
            background: url('../../../assets/img/layout/time_bg.png') no-repeat;
            margin: 0  60px 0 15px;
            background-size: 100% 100%;
            padding: 15px 20px 10px 65px;            
        }
        .wsyj-weather-wrap_bg{
            background: url('../../../assets/img/layout/weather_bg.png') no-repeat;
            background-size: 100% 100%;
             margin-left:50px;
            margin-right:30px;
            padding:30px 30px 30px;
            line-height: 42px;
            height: 83px;
            box-sizing: border-box;
            white-space: nowrap;
        }
    }
    
</style>